			.header-wrapper {
				z-index: 100;
				position: fixed;
				padding: 0 30px;
				box-sizing: border-box;
				width: 100%;
				height: 80px;
				background: #FFFFFF;
				box-shadow: -6px 0px 9px 1px rgba(100, 98, 243, 0.1);
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.header-wrapper .header-logo {
				width: 142px;
				height: 38px;
				background: #6462F3;
				border-radius: 4px;
			}

			.header-wrapper .personInfoAndNav-wrapper {}

			.header-wrapper .personInfoAndNav-wrapper .nav {}

			.header-wrapper .personInfoAndNav-wrapper .nav .nav-item {
				position: relative;
				margin-right: 44px;
				font-size: 14px;
				color: #333333;
				cursor: pointer;
			}

			.header-wrapper .personInfoAndNav-wrapper .nav .nav-item .flag {
				position: absolute;
				top: -3px;
				right: -3px;
				width: 10px;
				height: 10px;
				background: #F21C30;
				border-radius: 50%;
			}

			.header-wrapper .personInfoAndNav-wrapper .nav .nav-item:last-child {
				margin-right: 53px;
			}

			.personInfoAndNav-wrapper .personInfo {}

			.personInfoAndNav-wrapper .personInfo .personInfo-logo {
				width: 36px;
				height: 36px;
				background: #DDDDDD;
				border-radius: 18px;
			}

			.personInfoAndNav-wrapper .personInfo .userName {
				max-width: 80px;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}